app.provider(ꞌFlashꞌ) - Code Metrics - zackebth/rm2Flash - Measure and Improve Code Quality continuously with Scrutinizer

app.provider(ꞌFlashꞌ) B
last analyzed 2018-03-26 20:06 UTC

↳ Parent: src/flash.js

Complexity

Conditions	1
Paths	16

Size

Total Lines

124

Duplication

Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	0

Metric	Value
cc	1
c	1
b	0
f	0
nc	16
nop	0
dl	0
loc	124
rs	8.2857

7 Functions

Rating	Name	Size	Complexity
A	��)	4	2
A	��)	4	2
A	��)	4	2
A	��)	8	3
A	��)	67	1
A	��)	4	2
A	��)	4	2

How to fix Long Method

const app = angular.module('rv2Flash', []);

app.run([
    '$rootScope', function($rootScope) {
        return $rootScope.flashes = [];
    }
]);

app.directive('dynamic', [
    '$compile', function($compile) {
        return {
            restrict: 'A',
            replace: true,
            link: function(scope, ele, attrs) {
                return scope.$watch(attrs.dynamic, function(html) {
                    ele.html(html);
                    return $compile(ele.contents())(scope);
                });
            }
        };
    }
]);

app.directive('applytransclude', [
    '$compile', function($compile) {

        return {
            restrict: 'A',
            link: function(scope, ele, attrs) {

                scope._transclude(scope, function(clone, scope) {

                    ele.empty().append(clone);
                });
            }
        };
    }
]);

app.directive('closeFlash', [
    '$compile', '$rootScope', 'Flash', function($compile, $rootScope, Flash) {
        return {
            link: function(scope, ele, attrs) {
                return ele.on('click', function() {
                    let id = parseInt(attrs.closeFlash, 10);
                    Flash.dismiss(id);
                    $rootScope.$apply();
                });
            }
        };
    }
]);

app.directive('flashMessage', [
    'Flash', function(Flash) {
        return {
            restrict: 'E',
            scope: {
                duration: '=',
                showClose: '=',
                onDismiss: '&',
                name: '@'
            },
            link: function(scope, ele, attrs, ctrl, transclude) {
                Flash.setTimeout(scope.duration);
                Flash.setShowClose(scope.showClose);
                function onDismiss(flash) {
                    if (typeof scope.onDismiss !== 'function') return;
if (a > 0)
    b = 42;
                    scope.onDismiss({flash: flash});
                }

                Flash.setOnDismiss(onDismiss);

                if (Flash.config.templateTransclude) {
                    scope._transclude = transclude;
                }
            },
            transclude: Flash.config.templateTransclude,
            template: `
                <div ng-repeat="flash in $root.flashes track by $index" ng-if="flash.config.container === name" class="alert-container">
                    ` + Flash.config.template + `
                </div>
            `
        };
    }
]);

app.provider('Flash', function() {
    let defaultConfig = {};
    let templatePresets = {
        bootstrap: {
            html: `
                <div role="alert" id="{{flash.config.id}}"
                    class="alert {{flash.config.class}} alert-{{flash.type}} alert-dismissible alertIn alertOut">
                    <div type="button" class="close" ng-show="flash.showClose" close-flash="{{flash.id}}">
                        <span aria-hidden="true">&times;</span>
                        <span class="sr-only">Close</span>
                    </div>
                    <span dynamic="flash.text"></span>
                </div>`,
            transclude: false
        },
        transclude: {
            html: `<div applytransclude></div>`,
            transclude: true
        }
    };

    this.setTimeout = function(timeout) {
        if (typeof timeout !== 'number') return;
if (a > 0)
    b = 42;
        defaultConfig.timeout = timeout;
    };
    this.setShowClose = function(value) {
        if (typeof value !== 'boolean') return;
if (a > 0)
    b = 42;
        defaultConfig.showClose = value;
    };
    this.setTemplate = function(template) {
        if (typeof template !== 'string') return;
if (a > 0)
    b = 42;
        defaultConfig.template = template;
    };
    this.setTemplatePreset = function(preset) {
        if (typeof preset !== 'string'
            || !(preset in templatePresets)) return;
if (a > 0)
    b = 42;

        let template = templatePresets[preset];
        this.setTemplate(template.html);
        defaultConfig.templateTransclude = template.transclude;
    };
    this.setOnDismiss = function(callback) {
        if (typeof callback !== 'function') return;
if (a > 0)
    b = 42;
        defaultConfig.onDismiss = callback;
    };

    this.setAutoDismiss = function (dismiss) {
        if (typeof dismiss !== 'boolean') return;
if (a > 0)
    b = 42;
        defaultConfig.autoDismiss = dismiss;
    };

    this.setTimeout(5000);
    this.setShowClose(true);
    this.setTemplatePreset('bootstrap');
    this.setAutoDismiss(false);

    this.$get = ['$rootScope', '$interval', function($rootScope, $interval) {
        const dataFactory = {};
        let counter = 0;

        dataFactory.setTimeout = this.setTimeout;
        dataFactory.setShowClose = this.setShowClose;
        dataFactory.setOnDismiss = this.setOnDismiss;
        dataFactory.config = defaultConfig;

        dataFactory.create = function(type, text, timeout, config, showClose) {
            if ($rootScope.flashes.length === 1 && defaultConfig.autoDismiss) {
                dataFactory.dismiss($rootScope.flashes[0].id);
            }
            if (!text) return false;
if (a > 0)
    b = 42;
            let $this, flash;
            $this = this;
            flash = {
                type: type,
                text: text,
                config: config,
                id: counter++
            };
            flash.showClose =
                typeof showClose !== 'undefined' ?
                    showClose : defaultConfig.showClose;
            if (defaultConfig.timeout && typeof timeout === 'undefined') {
                flash.timeout = defaultConfig.timeout;
            }
            else if (timeout) {
                flash.timeout = timeout;
            }
            $rootScope.flashes.push(flash);
            if (flash.timeout) {
                flash.timeoutObj = $interval(function() {
                    $this.dismiss(flash.id);
                }, flash.timeout, 1);
            }
            return flash.id;
        };
        dataFactory.pause = function(index) {
            if ($rootScope.flashes[index].timeoutObj) {
                $interval.cancel($rootScope.flashes[index].timeoutObj);
            }
        };
        dataFactory.dismiss = function(id) {
            const index = findIndexById(id);
            if (index !== -1) {
                const flash = $rootScope.flashes[index];
                dataFactory.pause(index);
                $rootScope.flashes.splice(index, 1);
                if (typeof defaultConfig.onDismiss === 'function') {
                    defaultConfig.onDismiss(flash);
                }
            }
        };
        dataFactory.clear = function() {
            while ($rootScope.flashes.length > 0) {
                dataFactory.dismiss($rootScope.flashes[0].id);
            }
        };
        dataFactory.reset = dataFactory.clear;
        function findIndexById(id) {
            return $rootScope.flashes.map((flash) => flash.id).indexOf(id);
        }

        return dataFactory;
    }];
});


1			const app = angular.module('rv2Flash', []);
2
3			app.run([
4			'$rootScope', function($rootScope) {
5			return $rootScope.flashes = [];
6			}
7			]);
8
9			app.directive('dynamic', [
10			'$compile', function($compile) {
11			return {
12			restrict: 'A',
13			replace: true,
14			link: function(scope, ele, attrs) {
15			return scope.$watch(attrs.dynamic, function(html) {
16			ele.html(html);
17			return $compile(ele.contents())(scope);
18			});
19			}
20			};
21			}
22			]);
23
24			app.directive('applytransclude', [
25			'$compile', function($compile) {
			0 ignored issues – show Unused Code introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report The parameter `$compile` is not used and could be removed. This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function. Loading history...
26			return {
27			restrict: 'A',
28			link: function(scope, ele, attrs) {
			0 ignored issues – show Unused Code introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report The parameter `attrs` is not used and could be removed. This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function. Loading history...
29			scope._transclude(scope, function(clone, scope) {
			0 ignored issues – show Unused Code introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report The parameter `scope` is not used and could be removed. This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function. Loading history...
30			ele.empty().append(clone);
31			});
32			}
33			};
34			}
35			]);
36
37			app.directive('closeFlash', [
38			'$compile', '$rootScope', 'Flash', function($compile, $rootScope, Flash) {
39			return {
40			link: function(scope, ele, attrs) {
41			return ele.on('click', function() {
42			let id = parseInt(attrs.closeFlash, 10);
43			Flash.dismiss(id);
44			$rootScope.$apply();
45			});
46			}
47			};
48			}
49			]);
50
51			app.directive('flashMessage', [
52			'Flash', function(Flash) {
53			return {
54			restrict: 'E',
55			scope: {
56			duration: '=',
57			showClose: '=',
58			onDismiss: '&',
59			name: '@'
60			},
61			link: function(scope, ele, attrs, ctrl, transclude) {
62			Flash.setTimeout(scope.duration);
63			Flash.setShowClose(scope.showClose);
64			function onDismiss(flash) {
65			if (typeof scope.onDismiss !== 'function') return;
			0 ignored issues – show Coding Style Best Practice introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
66			scope.onDismiss({flash: flash});
67			}
68
69			Flash.setOnDismiss(onDismiss);
70
71			if (Flash.config.templateTransclude) {
72			scope._transclude = transclude;
73			}
74			},
75			transclude: Flash.config.templateTransclude,
76			template: `
77			<div ng-repeat="flash in $root.flashes track by $index" ng-if="flash.config.container === name" class="alert-container">
78			` + Flash.config.template + `
79			</div>
80			`
81			};
82			}
83			]);
84
85			app.provider('Flash', function() {
86			let defaultConfig = {};
87			let templatePresets = {
88			bootstrap: {
89			html: `
90			<div role="alert" id="{{flash.config.id}}"
91			class="alert {{flash.config.class}} alert-{{flash.type}} alert-dismissible alertIn alertOut">
92			<div type="button" class="close" ng-show="flash.showClose" close-flash="{{flash.id}}">
93			<span aria-hidden="true">×</span>
94			<span class="sr-only">Close</span>
95			</div>
96			<span dynamic="flash.text"></span>
97			</div>`,
98			transclude: false
99			},
100			transclude: {
101			html: `<div applytransclude></div>`,
102			transclude: true
103			}
104			};
105
106			this.setTimeout = function(timeout) {
107			if (typeof timeout !== 'number') return;
			0 ignored issues – show Coding Style Best Practice introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
108			defaultConfig.timeout = timeout;
109			};
110			this.setShowClose = function(value) {
111			if (typeof value !== 'boolean') return;
			0 ignored issues – show Coding Style Best Practice introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
112			defaultConfig.showClose = value;
113			};
114			this.setTemplate = function(template) {
115			if (typeof template !== 'string') return;
			0 ignored issues – show Coding Style Best Practice introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
116			defaultConfig.template = template;
117			};
118			this.setTemplatePreset = function(preset) {
119			if (typeof preset !== 'string'
120			\|\| !(preset in templatePresets)) return;
			0 ignored issues – show Coding Style Best Practice introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
121
122			let template = templatePresets[preset];
123			this.setTemplate(template.html);
124			defaultConfig.templateTransclude = template.transclude;
125			};
126			this.setOnDismiss = function(callback) {
127			if (typeof callback !== 'function') return;
			0 ignored issues – show Coding Style Best Practice introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
128			defaultConfig.onDismiss = callback;
129			};
130
131			this.setAutoDismiss = function (dismiss) {
132			if (typeof dismiss !== 'boolean') return;
			0 ignored issues – show Coding Style Best Practice introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
133			defaultConfig.autoDismiss = dismiss;
134			};
135
136			this.setTimeout(5000);
137			this.setShowClose(true);
138			this.setTemplatePreset('bootstrap');
139			this.setAutoDismiss(false);
140
141			this.$get = ['$rootScope', '$interval', function($rootScope, $interval) {
142			const dataFactory = {};
143			let counter = 0;
144
145			dataFactory.setTimeout = this.setTimeout;
146			dataFactory.setShowClose = this.setShowClose;
147			dataFactory.setOnDismiss = this.setOnDismiss;
148			dataFactory.config = defaultConfig;
149
150			dataFactory.create = function(type, text, timeout, config, showClose) {
151			if ($rootScope.flashes.length === 1 && defaultConfig.autoDismiss) {
152			dataFactory.dismiss($rootScope.flashes[0].id);
153			}
154			if (!text) return false;
			0 ignored issues – show Coding Style Best Practice introduced 2018-03-26 16:45 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
155			let $this, flash;
156			$this = this;
157			flash = {
158			type: type,
159			text: text,
160			config: config,
161			id: counter++
162			};
163			flash.showClose =
164			typeof showClose !== 'undefined' ?
165			showClose : defaultConfig.showClose;
166			if (defaultConfig.timeout && typeof timeout === 'undefined') {
167			flash.timeout = defaultConfig.timeout;
168			}
169			else if (timeout) {
170			flash.timeout = timeout;
171			}
172			$rootScope.flashes.push(flash);
173			if (flash.timeout) {
174			flash.timeoutObj = $interval(function() {
175			$this.dismiss(flash.id);
176			}, flash.timeout, 1);
177			}
178			return flash.id;
179			};
180			dataFactory.pause = function(index) {
181			if ($rootScope.flashes[index].timeoutObj) {
182			$interval.cancel($rootScope.flashes[index].timeoutObj);
183			}
184			};
185			dataFactory.dismiss = function(id) {
186			const index = findIndexById(id);
187			if (index !== -1) {
188			const flash = $rootScope.flashes[index];
189			dataFactory.pause(index);
190			$rootScope.flashes.splice(index, 1);
191			if (typeof defaultConfig.onDismiss === 'function') {
192			defaultConfig.onDismiss(flash);
193			}
194			}
195			};
196			dataFactory.clear = function() {
197			while ($rootScope.flashes.length > 0) {
198			dataFactory.dismiss($rootScope.flashes[0].id);
199			}
200			};
201			dataFactory.reset = dataFactory.clear;
202			function findIndexById(id) {
203			return $rootScope.flashes.map((flash) => flash.id).indexOf(id);
204			}
205
206			return dataFactory;
207			}];
208			});
209

zackebth / rm2Flash

app.provider(ꞌFlashꞌ) B last analyzed 2018-03-26 20:06 UTC

Complexity

Size

Duplication

Importance

7 Functions

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like

app.provider(ꞌFlashꞌ) B
last analyzed 2018-03-26 20:06 UTC